<template>
	<view>
		<view>
			<view class="searchC">
				<!-- 搜索 -->
				<Search class="search_i" :inputConent="inputConent" :placeholder="placeholder" @goSearch="goSearch"></Search>
			</view>
			<view class="addfride">
				<view class="addfride-main" v-for="item in 5">
					<view class="add-fr-left">
						<view class="left-img">
							<image src="../../../../static/image/shopp.png"></image>
						</view>
						<view class="left-txt">
							<view class="tit-le">兰那罗</view>
							<view class="tit-id">ID:45666</view>
						</view>
					</view>
					<view class="fello">关注</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Search from '../../components/searchA'; //搜索
	export default {
		components: {
			Search,
		},
		data() {
			return {
				inputConent:'',
				placeholder:'请输入',
			}
		},
		onShow() {
			
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
.sannong{
	width: 100%;
	height: 100%;
}
.searchC{
	width: 95%;
	margin: 0 auto;
}
.addfride{
	width: 95%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10rpx;
	margin-top: 25rpx;
	.addfride-main{
		width: 95%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 0;
		.add-fr-left{
			display: flex;
			align-items: center;
			.left-img{
				width: 76rpx;
				height: 76rpx;
				background: #D9D9D9;
				border-radius: 50%;
				image{
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}
			.left-txt{
				margin-left: 16rpx;
				color: #333333;
				font-weight: 400;
				.tit-le{
					font-size: 26rpx;
				}
				.tit-id{
					font-size: 21rpx;
					margin-top: 21rpx;
				}
			}
		}
	}
}
.fello{
	width: 100rpx;
	height: 44rpx;
	background: #D9D9D9;
	border-radius: 22rpx;
	text-align: center;
	line-height: 44rpx;
}
</style>